﻿<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8" />
	<title>蓝色系网页配色分析与案例分享_我的网站</title>
    <meta name="keywords" content="网页配色,蓝色" />
    <meta name="description" content="蓝色系在众多色彩中，是比较沉静的一种色系，它来自于天空和海洋的颜色，通常象征着高远、博大、深邃、永恒，是令人心旷神怡的颜色。 很多科技型企业，特别是互联网公司会选择" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
    <meta name="copyright" content="Copyright dedecms51.com 版权所有" />
    
    <link href="/templets/Content/bootstrap.min.css" rel="stylesheet" />
    <link href="/templets/Content/inner.min.css" rel="stylesheet" />
    <!--[if lt IE 9]>
    <script src="/templets/Scripts/html5shiv.min.js"></script>
    <![endif]-->
    <script src="/templets/Scripts/jquery.min.js"></script>
    <script src="/templets/Scripts/bootstrap.min.js"></script>
    <script src="/templets/Scripts/inner.min.js"></script>
</head>

<body>
<header>
    <div class="box">
	    <a href="/" title="织梦网站建设与制作"><img src="/templets/Picture/logo_cases.png" alt="织梦设计出品" /></a>
        <div class="wechat">
    	    <img src="/templets/Picture/wechat_code.jpg" alt="扫描关注网站建设微信公众账号" class="wechat" /><p>扫一扫微信二维码<i></i></p>
        </div>
        <nav>
          <ul>
            <li><a href="/">织梦首页</a></li>
            
            <li><a href="/a/cases/">设计案例</a></li>
            <li class='active'><a href='/a/news/' style='color:white;'>文章动态</a></li>
          </ul>
        </nav>
    </div>
    <footer>
	    高端定制，品牌设计<br /><u>2008 - 2015</u>作品集<br /><a href="http://www.dedecms51.com/" target="_blank">郑州网站建设与制作公司</a>
    </footer>
</header>
    
    <section class="toolbar">
    	<a href="/" title="返回首页" class="homelink"><span class="glyphicon glyphicon-chevron-left"></span></a>
    	<span class="switch glyphicon glyphicon-th-list"></span>
        <div class="btnList">
            <div class="link btn-group">
        	    <a href="/a/news/experience/" class="btn btn-default">文章列表</a>
            </div>
            <div class="link btn-group">
        	    <a href="/a/news/experience/2015/0429/41.html" class="btn btn-default"><span class="glyphicon glyphicon-arrow-left"></span>PREV</a>
            </div>
            <div class="link btn-group">
        	    <a href="/a/news/experience/2015/0429/43.html" class="btn btn-default">NEXT<span class="glyphicon glyphicon-arrow-right"></span></a>
            </div>
        </div>
    </section>
    
    <section class="artshow content">
        <div class="box">
        	<h1>蓝色系网页配色分析与案例分享</h1>
            <span class="rel">
            	织梦科技<u>•</u>2015-04-29<u>•</u><a href="/a/news/experience/" target="_blank">经验之谈</a><u>•</u><span class="glyphicon glyphicon-eye-open" title="浏览次数"></span> <script src="/plus/count.php?view=yes&aid=42&mid=1" type='text/javascript' language="javascript"></script>
            </span>
            <div class="words">
                	<p>
		蓝色系在众多色彩中，是比较沉静的一种色系，它来自于天空和海洋的颜色，通常象征着高远、博大、深邃、永恒，是令人心旷神怡的颜色。</p>
	<p>
		很多科技型企业，特别是互联网公司会选择使用蓝色作为网站的主色调，这不仅因为蓝色拥有着广大的喜爱者，而且蓝色还能给人以信心、可靠和理性的感觉。所以蓝色也被赋予了科技化的象征。</p>
	<p>
		蓝 色会让人感觉时间更为宽松，不会产生紧张感。一个实验可以证明这点，请任意两个人来参与，让其中一人进入布置有红色壁纸和地毯房间，让另外一人进入布置有 蓝色壁纸和地毯的房间。不给他们任何计时器，让他们凭感觉在一小时后从房间中出来。结果，在红色系房间中的人在40~50分钟后便出来了，而蓝色系房间中 的人在70~80分钟后还没有出来。</p>
	<p>
		这也是为什么蓝色汽车的事故率更高的原因，因为蓝色容易使人放松，降低对速度和时间的感觉。所以使用蓝色设计网页，对延长浏览者在页面上的停留时间更为有效。但快餐店等一些要求效率较高的行业就不适合用蓝色了。</p>
	<p>
		根据色彩心理学的统计：蓝色是比较适合浏览的颜色之一，也是人们最喜爱的颜色，它是40%的男性和36%的女性最喜欢的颜色，只有2%的男性和1%的女性在调查表中选择蓝色作为「最不喜爱的颜色」。</p>
	<p>
		来认识一下蓝色系中的颜色</p>
	<table>
		<tbody>
			<tr class="firstRow">
				<td height="40" style="word-break: break-all; background-color: rgb(0, 91, 171);" valign="top" width="136">
					&nbsp;</td>
				<td style="background-color: rgb(0, 191, 255);" valign="top" width="136">
					&nbsp;</td>
				<td style="background-color: rgb(135, 206, 235);" valign="top" width="136">
					&nbsp;</td>
				<td style="word-break: break-all; background-color: rgb(30, 144, 255);" valign="top" width="136">
					&nbsp;</td>
				<td style="background-color: rgb(42, 143, 189);" valign="top" width="136">
					&nbsp;</td>
				<td style="background-color: rgb(123, 191, 234);" valign="top" width="136">
					&nbsp;</td>
			</tr>
			<tr>
				<td colspan="1" rowspan="1" style="word-break: break-all;" valign="top">
					纯蓝色</td>
				<td colspan="1" rowspan="1" style="word-break: break-all;" valign="top">
					天蓝色 ( 亮 )</td>
				<td colspan="1" rowspan="1" style="word-break: break-all;" valign="top">
					天蓝色 ( 暗 )</td>
				<td colspan="1" rowspan="1" style="word-break: break-all;" valign="top">
					道奇蓝</td>
				<td colspan="1" rowspan="1" style="word-break: break-all;" valign="top">
					圣诞蓝</td>
				<td colspan="1" rowspan="1" style="word-break: break-all;" valign="top">
					勿忘草色</td>
			</tr>
			<tr>
				<td colspan="1" height="40" rowspan="1" style="word-break: break-all; background-color: rgb(73, 90, 128);" valign="top">
					&nbsp;</td>
				<td colspan="1" rowspan="1" style="word-break: break-all; background-color: rgb(6, 185, 209);" valign="top">
					&nbsp;</td>
				<td colspan="1" rowspan="1" style="background-color: rgb(66, 106, 179);" valign="top">
					&nbsp;</td>
				<td colspan="1" rowspan="1" style="background-color: rgb(0, 86, 135);" valign="top">
					&nbsp;</td>
				<td colspan="1" rowspan="1" style="word-break: break-all; background-color: rgb(176, 224, 230);" valign="top">
					&nbsp;</td>
				<td colspan="1" rowspan="1" style="background-color: rgb(0, 70, 107);" valign="top">
					&nbsp;</td>
			</tr>
			<tr>
				<td colspan="1" rowspan="1" style="word-break: break-all;" valign="top">
					水墨蓝</td>
				<td colspan="1" rowspan="1" style="word-break: break-all;" valign="top">
					梦幻蓝</td>
				<td colspan="1" rowspan="1" style="word-break: break-all;" valign="top">
					杜若色</td>
				<td colspan="1" rowspan="1" style="word-break: break-all;" valign="top">
					宝蓝色</td>
				<td colspan="1" rowspan="1" style="word-break: break-all;" valign="top">
					火药蓝</td>
				<td colspan="1" rowspan="1" style="word-break: break-all;" valign="top">
					海军蓝</td>
			</tr>
			<tr>
				<td colspan="1" height="40" rowspan="1" style="word-break: break-all; background-color: rgb(135, 206, 250);" valign="top">
					&nbsp;</td>
				<td colspan="1" rowspan="1" style="background-color: rgb(240, 248, 255);" valign="top">
					&nbsp;</td>
				<td colspan="1" rowspan="1" style="word-break: break-all; background-color: rgb(100, 149, 237);" valign="top">
					&nbsp;</td>
				<td colspan="1" rowspan="1" style="background-color: rgb(117, 159, 189);" valign="top">
					&nbsp;</td>
				<td colspan="1" rowspan="1" style="background-color: rgb(0, 136, 199);" valign="top">
					&nbsp;</td>
				<td colspan="1" rowspan="1" style="background-color: rgb(185, 220, 237);" valign="top">
					&nbsp;</td>
			</tr>
			<tr>
				<td colspan="1" rowspan="1" style="word-break: break-all;" valign="top">
					淡蓝色</td>
				<td colspan="1" rowspan="1" style="word-break: break-all;" valign="top">
					爱丽丝蓝</td>
				<td colspan="1" rowspan="1" style="word-break: break-all;" valign="top">
					矢车菊蓝</td>
				<td colspan="1" rowspan="1" style="word-break: break-all;" valign="top">
					岩石蓝</td>
				<td colspan="1" rowspan="1" style="word-break: break-all;" valign="top">
					钻石蓝</td>
				<td colspan="1" rowspan="1" style="word-break: break-all;" valign="top">
					水晶蓝</td>
			</tr>
			<tr>
				<td colspan="1" height="40" rowspan="1" style="word-break: break-all; background-color: rgb(0, 121, 158);" valign="top">
					&nbsp;</td>
				<td colspan="1" rowspan="1" style="background-color: rgb(188, 212, 227);" valign="top">
					&nbsp;</td>
				<td colspan="1" rowspan="1" style="background-color: rgb(0, 144, 176);" valign="top">
					&nbsp;</td>
				<td colspan="1" rowspan="1" style="background-color: rgb(86, 113, 143);" valign="top">
					&nbsp;</td>
				<td colspan="1" rowspan="1" style="background-color: rgb(79, 171, 194);" valign="top">
					&nbsp;</td>
				<td colspan="1" rowspan="1" style="background-color: rgb(0, 166, 222);" valign="top">
					&nbsp;</td>
			</tr>
			<tr>
				<td colspan="1" rowspan="1" style="word-break: break-all;" valign="top">
					海蓝色</td>
				<td colspan="1" rowspan="1" style="word-break: break-all;" valign="top">
					嫩蓝色</td>
				<td colspan="1" rowspan="1" style="word-break: break-all;" valign="top">
					孔雀蓝</td>
				<td colspan="1" rowspan="1" style="word-break: break-all;" valign="top">
					普鲁士蓝</td>
				<td colspan="1" rowspan="1" style="word-break: break-all;" valign="top">
					罗尼蓝</td>
				<td colspan="1" rowspan="1" style="word-break: break-all;" valign="top">
					绿松石蓝</td>
			</tr>
		</tbody>
	</table>
	<p>
		&nbsp;</p>
	<p>
		分享一组蓝色系的网站设计案例</p>
	<p align="center" style="">
		<img class="img-responsive" src="/uploads/allimg/150429/1S914HY-0.jpg" /></p>
	<p align="center" style="">
		<img class="img-responsive" src="/uploads/allimg/150429/1S914B27-1.jpg" /></p>
	<p align="center" style="">
		<img class="img-responsive" src="/uploads/allimg/150429/1S9145303-2.jpg" /></p>
	<p align="center" style="">
		<img class="img-responsive" src="/uploads/allimg/150429/1S9141A8-3.jpg" /></p>
	<p align="center" style="">
		<img class="img-responsive" src="/uploads/allimg/150429/1S9141117-4.jpg" /></p>
	<p align="center" style="">
		<img class="img-responsive" src="/uploads/allimg/150429/1S9145402-5.jpg" /></p> 
            </div>
            <dl class="tags">
              <dt>文章关键词<span class="glyphicon glyphicon-tag"></span></dt>
              
              <dd><a href="/tags.php?/%E7%BD%91%E9%A1%B5%E9%85%8D%E8%89%B2/" target="_blank">网页配色</a></dd>
              
              <dd><a href="/tags.php?/%E8%93%9D%E8%89%B2/" target="_blank">蓝色</a></dd>
              
            </dl>
            <div class="bdsharebuttonbox">
            	<a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>
            </div>
        </div>
        <aside>
        	<div class="ad"><a href="/" title="做网站，找织梦" target="_blank"><img src="/templets/Picture/ad.jpg" alt="建网站，找织梦，网站建设品牌设计企业" /></a></div>
            <div class="caption"><h3>推荐阅读</h3></div>
            <ul class="items">
               <li>
                  <a href="/a/news/company/2015/0429/24.html" target="_blank" class="thumb"><img src="/uploads/allimg/150429/1Q30561K-0-lp.jpg" /></a>
                  <span class="title"><a href="/a/news/company/2015/0429/24.html" target="_blank" title="2015羊年大吉，织梦无忧网">2015羊年大吉，织梦无忧网 ...</a></span>
                  <span class="rel">今日<span class="glyphicon glyphicon-eye-open" title="浏览次数"></span>169</span>
                </li>
<li>
                  <a href="/a/news/industry/2015/0429/35.html" target="_blank" class="thumb"><img src="/uploads/allimg/150429/1-1504291TK05R.jpg" /></a>
                  <span class="title"><a href="/a/news/industry/2015/0429/35.html" target="_blank" title="国家发改委推行电子政务">国家发改委推行电子政务 ...</a></span>
                  <span class="rel">37天前<span class="glyphicon glyphicon-eye-open" title="浏览次数"></span>53</span>
                </li>
<li>
                  <a href="/a/news/experience/2015/0429/51.html" target="_blank" class="thumb"><img src="/uploads/allimg/150429/1T6424N4-0-lp.jpg" /></a>
                  <span class="title"><a href="/a/news/experience/2015/0429/51.html" target="_blank" title="钱都砸去哪里了，为什么">钱都砸去哪里了，为什么 ...</a></span>
                  <span class="rel">37天前<span class="glyphicon glyphicon-eye-open" title="浏览次数"></span>164</span>
                </li>
<li>
                  <a href="/a/news/experience/2015/0429/50.html" target="_blank" class="thumb"><img src="/uploads/allimg/150429/1T55SP3-0-lp.jpg" /></a>
                  <span class="title"><a href="/a/news/experience/2015/0429/50.html" target="_blank" title="不是“PC端 + 移动端”的网">不是“PC端 + 移动端”的网 ...</a></span>
                  <span class="rel">37天前<span class="glyphicon glyphicon-eye-open" title="浏览次数"></span>180</span>
                </li>

            </ul>
        </aside>
    </section>
    
    <div class="dock">
        <ul class="icons">
        	<li class="up"><i></i></li>
            <li class="tel">
            	<i></i><p>建站咨询热线<br />150-2021-7966</p>
            </li>
            <li class="im">
            	<i></i><p><a href="http://wpa.qq.com/msgrd?v=3&uin=379144319&site=qq&menu=yes" target="_blank">点我，建站咨询</a></p>
            </li>
        </ul>
    </div>
    
    <script>        
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "//hm.baidu.com/hm.js?a821a161aa4214f5ff5b8ca372960ebb";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();

        window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "蓝色系网页配色分析与案例分享", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "32" }, "share": {} }; with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];
    </script>
</body>
</html>